::view-transition-new(root){
  animation: clipPaths 0.5s ease-in-out;
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  animation: none;  
  /* 关闭默认动画，否则影响自定义动画的执行 */
  mix-blend-mode: normal;
}

@keyframes clipPaths {
  from{
    /* clip-path: circle(0px at var(--theme-x) var(--theme-y)); */
    clip-path: circle(0px at 50% 50%);
  }
  to{
    /* clip-path: circle(var(--theme-r)px at var(--theme-x) var(--theme-y)); */
    clip-path: circle(100% at  50% 50%);
  }
}
